<!DOCTYPE html>
<html lang="zh-CN">
	<head>
	    <meta charset="utf-8">
	    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
	    <title>麻匪燃燃</title>
	    <link rel="shortcut icon" href="logo.ico" type="image/x-icon" />
	    <link rel="stylesheet" type="text/css" href="css/publicCSS/reset.css"/>
	    <link rel="stylesheet" type="text/css" href="css/publicCSS/public.css"/>
	    <link rel="stylesheet" type="text/css" href="css/index.css"/>
	    <script src="js/publicJS/jquery-3.2.1.min.js" type="text/javascript" charset="utf-8"></script>
	    <script src="js/pieceJS/jquery.hover3d.js" type="text/javascript" charset="utf-8"></script><!--顶部鼠标跟随插件-->
	    <script src="js/pieceJS/imageflow.js" type="text/javascript" charset="utf-8"></script><!--轮播插件-->
	    <script src="js/publicJS/public.js" type="text/javascript" charset="utf-8"></script>
	    <script src="js/index.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<!--顶部-->
		<header class="header">
			<div class="movie">
				<div class="movie__card">
					<div class="layer-1"></div>
					<div class="layer-2"></div>
					<div class="layer-3"></div>
				</div>
			</div>
		</header>
		
		
		<div class="LoopDiv">
		    <input class="S_Num" type="hidden" value=""/>
		    <div id="starsIF" class="imageflow"> 
				<img src="img/gun1.png"/>
				<img src="img/gun2.png"/>
				<img src="img/gun3.png"/>
				<img src="img/gun4.png"/>
				<img src="img/gun5.png"/>
				<img src="img/gun6.png"/>
				<img src="img/gun7.png"/>
				<img src="img/gun8.png"/>
				<img src="img/gun9.png"/>
				<img src="img/gun10.png"/>
				<img src="img/gun11.png"/>
				<img src="img/gun.png"/>
		    </div>
		</div>
		
		<!--底部-->
		<footer class="footer">
			<div class="succdloc">
				<ul class="hexGrid">
				  <li class="hex"> 
				  	<a class="hexIn" href="#"> 
				  		<img src="img/kl1.png" alt="" />
				    	<h1>This is a title</h1>
				    	<p>Some sample text about the article this hexagon leads to</p>
				    </a> 
				  </li>
				  <li class="hex"> 
				  	<a class="hexIn" href="#"> 
				  		<img src="img/kl2.png" alt="" />
				    	<h1>This is a title</h1>
				    	<p>Some sample text about the article this hexagon leads to</p>
				    </a> 
				  </li>
				  <li class="hex"> 
				  	<a class="hexIn" href="#"> 
				  		<img src="img/kl3.png" alt="" />
				    	<h1>This is a title</h1>
				    	<p>Some sample text about the article this hexagon leads to</p>
				   </a> 
				  </li>
				  <li class="hex"> 
				  	<a class="hexIn" href="#"> 
				  		<img src="img/kl4.png" alt="" />
				    	<h1>This is a title</h1>
				    	<p>Some sample text about the article this hexagon leads to</p>
				    </a> 
				  </li>
				  <li class="hex"> 
				  	<a class="hexIn" href="#"> 
				  		<img src="img/kl5.png" alt="" />
				    	<h1>This is a title</h1>
				    	<p>Some sample text about the article this hexagon leads to</p>
				    </a> 
				  </li>
				  <li class="hex"> 
				  	<a class="hexIn" href="#"> 
				  		<img src="img/kl6.png" alt="" />
				    	<h1>This is a title</h1>
				    	<p>Some sample text about the article this hexagon leads to</p>
				    </a> 
				  </li>
				  <li class="hex"> 
				  	<a class="hexIn" href="#"> 
				  		<img src="img/kl7.png" alt="" />
				    	<h1>This is a title</h1>
				    	<p>Some sample text about the article this hexagon leads to</p>
				    </a> 
				  </li>
				  <li class="hex"> 
				  	<a class="hexIn" href="#"> 
				  		<img src="img/kl8.png" alt="" />
				    	<h1>This is a title</h1>
				    	<p>Some sample text about the article this hexagon leads to</p>
				    </a> 
				  </li>
				  <li class="hex"> 
				  	<a class="hexIn" href="#"> 
				  		<img src="img/kl9.png" alt="" />
				    	<h1>This is a title</h1>
				    	<p>Some sample text about the article this hexagon leads to</p>
				    </a> 
				  </li>
				  <li class="hex"> 
				  	<a class="hexIn" href="#"> 
				  		<img src="img/kl10.png" alt="" />
				    	<h1>This is a title</h1>
				    	<p>Some sample text about the article this hexagon leads to</p>
				    </a> 
				  </li>
				  <li class="hex"> 
				  	<a class="hexIn" href="#"> 
				  		<img src="img/kl11.png" alt="" />
				    	<h1>This is a title</h1>
				    	<p>Some sample text about the article this hexagon leads to</p>
				    </a> 
				  </li>
				  <li class="hex"> 
				  	<a class="hexIn" href="#"> 
				  		<img src="img/kl12.png" alt="" />
				    	<h1>This is a title</h1>
				    	<p>Some sample text about the article this hexagon leads to</p>
				    </a> 
				  </li>
				  <li class="hex"> 
				  	<a class="hexIn" href="#"> 
				  		<img src="img/kl13.png" alt="" />
				    	<h1>This is a title</h1>
				    	<p>Some sample text about the article this hexagon leads to</p>
				    </a> 
				  </li>
				
				</ul>
			</div>
			<div class="succdloc_t">
				<div class="fl succdloc_t_l">
					<img src="img/kl.png"/>
				</div>
				<div class="fr succdloc_t_r">
					<h2>麻匪燃燃</h2>
					<h3>727993313.qzone.qq.com</h3>
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris porttitor, nibh at sagittis tristique, enim magna pretium augue, eget consectetur sem dui non urna. Integer gravida, diam congue molestie fringilla, elit odio rhoncus turpis, ac dictum libero elit vel metus. Morbi egestas sit amet velit eget venenatis. Mauris porttitor, nibh at sagittis tristique, enim magna pretium augue, eget consectetur sem dui non urna</p>
				</div>
			</div>
		</footer>
		
		
		<!--导航-->
		


		<!--音乐插件-->
		<div class="music">
			<div class="bofangr fl">
				<div class="bofang"></div>
				<audio id="yinyue" autoplay loop><!--controls-->
				  <source src="music/Sugar.mp3" type="audio/mpeg">
				</audio>
			</div>
			<div class="musicl fl"><img src="img/yinyue.gif"/></div>
		</div>
		<!--置顶-->
		<div class="returntop pf"></div>
	</body>
</html>